<template>
    <div class="flex flex-wrap gap-x-10 gap-y-4 p-2">
        <slot></slot>
    </div>
</template>
<script lang="ts" setup>
/* 描述表单
使用:
<MkDescription>
    <MkDescriptionItem label="诊断"> {{ model.linChuangZhenDuan }} </MkDescriptionItem>
    <MkDescriptionItem label="身高(cm)"> {{ model.shenGao }} </MkDescriptionItem>
</MkDescription>
*/
defineOptions({
    name: 'MkDescription',
});

</script>
<style lang="scss" scoped>
.flex-wrap {
    flex-wrap: wrap;
}
.gap-x-10 {
    column-gap:10px;
}
.gap-y-10 {
    row-gap: 10px;
}
.p-2 {
    padding: 2px;
}
</style>